<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div {
        width: 100px;
        height: 100px;
        border: 1px solid red;
        /*显示超出部分的显示效果
      visible显示(默认)
      hidden 隐藏
      scroll 滚动显示
      */
        overflow: scroll;
    }
        img{
            /*行内元素垂直对齐方式:top,middle,bottom,baseline基线对齐(默认)*/
            vertical-align: bottom;
            margin-top: 50px;
        }


  </style>
</head>
<body>
<input type="text"><img src="../b.jpg" width="100" alt="">
<div>
<img src="../b.jpg" alt="">
</div>
</body>
</html>